import React from "react";import LeafTypeOne from '@/tree/components/LeafTypeOne'import RootTypeOne from '@/tree/components/RootTypeOne'import TrunkTypeOne from '@/tree/components/TrunkTypeOne/index.jsx'import '@/assets/css/tree.css'class Tree extends React.Component {  render () {    return (      <div className='tree'>        <TrunkTypeOne isRoot={true} speed={this.props.speed}>          {new Array(10).fill(1).map((item, index) => {            return (              <LeafTypeOne key={index} maxHeight={3} speed={this.props.speed}>              </LeafTypeOne>            )          })}        </TrunkTypeOne>        {          [            'left first', 'left', 'left', 'left',            'right first', 'right', 'right', 'right'          ].map((item, key) => {            return <RootTypeOne className={item} key={key} speed={this.props.speed}></RootTypeOne>          })        }      </div>    )  }}export default Tree